<!--  -->
<template>
  <div>
    <text-img title="文档"
    subTitle="DOCUMENT"
    text="在线文档，帮助您更好的使用四彩云云服务"
    source="/static/images/docs.jpg"></text-img>
    <b-container class="docs-container">
      <b-row>
        <b-col md="8" sm="11">
          <h2>帮助文档</h2>
          <docs-box type="1"></docs-box>
          <docs-box></docs-box>
        </b-col>
        <b-col md="4" class="d-none d-md-block">
          <docs-box type="2"></docs-box>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
import TextImg from '@/components/TextImg'
import DocsBox from './DocsBox'

export default {
  name: 'docs',
  data () {
    return {
    }
  },

  components: {
    TextImg,
    DocsBox
  },

  computed: {},

  methods: {}
}

</script>
<style lang='less' scoped>
  .docs-container {
    padding: 50px 15px;
    h2 {
      .ft(18);
      .bold;
      .t-l;
      .bd-bottom(#e2eaec);
      padding-bottom: 10px;
    }
  }
</style>
